$(document).ready(function(){
	var dao = new Dao();


	document.querySelector('#dir-select').onchange = function(e) {
		debugger;
		//var out = [];
		var tab = "";
		for (var i = 0, f; f = e.target.files[i]; ++i) {
			if(f.type != 'audio/mp3'){
				continue;
			}
			var updateFile = (function(file) {
				return function(file){
					var url = window.webkitURL.createObjectURL(file);
					var size = JSON.stringify(file.size);
					dao.getFileId(size, function(tx, rs){
						if(rs.rows.length > 0){
							dao.updateFile(rs.rows.item(0).ID, url);
						}else {
							dao.addFile(file.name, size, '100', file.type, url, 0);
						}
					});
				};
			})(f);
			updateFile(f);
		}
		loadTags();	
	};

	function loadTags() {
		dao.getAllTags(function(tx, rs){
			$('#tagList').html(' ');
			var tags = rs.rows;
			for (var i = 0; i < tags.length; i++) {
				var tag = tags.item(i).name;
				var snip = '<a class="tag" tag="'+tags.item(i).ID+'">'+tag+'</a>';
				$('#tagList').append(snip);
			};
		});
	}
	$(document).on('click','.tag',function(){
		var tagId = $(this).attr('tag');
		$('#songList').html(' ');
		dao.getFiles(tagId, function(tx, rs){
			for (var i = 0; i < rs.rows.length; i++) {
				var f = rs.rows.item(i);
				$('#songList').append('<span><a class="thumb" songUrl="'+f.url+'">'+f.name+'</a></span>');	
			};
		});
		$("#player").html('<audio id="song" src="" controls preload="auto"  > </audio>');	 
	});

	$(document).on('click','.thumb',function(){
		var url = $(this).attr('songUrl');
		$("#song").attr('src',url);	 
		$('#song')[0].play();
	});
});